<div>
    <div id="app" v-cloak>
        <div class="top border ">
            <div class="f-14 col-main f-b">承运商分类</div>
            <div class="dis-flex flex-x-end flex-y-center">
                <el-button :disabled="isEdit" type="warning" icon="el-icon-circle-plus-outline" @click="addRow" size="mini">新增
                </el-button>
                <el-button :disabled="isEdit" type="primary" icon="el-icon-edit" size="mini">编辑</el-button>
                <el-button :disabled="!isEdit" type="success" @click="saveRow" icon="el-icon-circle-check" size="mini">
                    保存
                </el-button>
            </div>
        </div>
        <div class="main">
            <!-- 调度车 --------------------------------------------------------------- -->
            <div @click="getref('car')">
                <mytable :table="fangshi" ref="fangshi" :height="500" :isedit="isEdit"></mytable>
            </div>
            <!-- 底部tab --------------------------------------------------------------- -->
            <div class="box border m_top10">
            </div>
            <!-- 底部tab --------------------------------------------------------------- -->
        </div>
    </div>
</div>
<script type="text/javascript">
    new Vue({
        el: '#app',
        data() {
            return {
                //全局预定义数据--------------------------->
                isEdit: false, //固定项
                nowRef: '', //固定项
                fangshi: {
                    searchPath: 'supplier/kind/search', 	//主表获取数据接口地址
                    insertPath: 'supplier/kind/add',		//主表保存数据接口地址
                    searchBox: [
                        {
                            type: 'text', 		//类型 -> 输入框
                            title: '承运商分类',	//输入框标题
                            dec: '输入承运商分类',	//输入框提示
                            field: 'cCAYTYPE_NM', 	//对应筛选字段 (主表字段)
                            // icon: 'el-icon-user-solid',	//小图标
                            value: '',	//固定项
                        }
                    ],
                    //主表配置
                    /**
                     {
                    "cCAYCHG_CTL": "0",
                    "cCORP_NO": "",
                    "cDEFAULT": "0",
                    "cSTOP_TAG": "1",
                    "cSUPLKIND_NM": "长兴仓库",
                    "cSUPLKIND_NO": "702",
                    "cSYS_TAG": "1",
                    "cVIP_TAG": "",
                    "createtime": "2023-11-30 14:06:06",
                    "id": "bc307d28e050934711ee8f468c846c4e",
                    "idx": 17,
                    "tSTOP_DT": null,
                    "updatetime": "2023-11-30 14:06:06"
                },
                     */
                    
                    tableRole: [
                        {
                            title: '序号', 	//表头
                            field: 'idx', 	//表格展示字段 (主表字段)
                            //
                            fixed: true, 	//是否浮动
                            width: 80, 		//列宽
                            //
                            noedit: false, 	//是否禁止编辑 值为false 则 禁止编辑, true 或 删除此项 则可编辑
                            defautvalue: 0, 	//默认值,当为输入内容时的默认的值
                        },
                        {
                            type: 'number', //类型 -> 数字
                            title: '类别编码',
                            field: 'cSUPLKIND_NO',
                            //
                            fixed: false,
                            width: 100,
                            //
                            // value: '0.000', //日期型 默认值为 0.000
                        },
                        {
                            type: 'text',
                            title: '类别名称',
                            field: 'cSUPLKIND_NM',
                            //
                            fixed: false,
                            width: 130,
                            //
                            value: '',
                            defautvalue: '',
                        },
                        {
                            type: 'text',
                            title: '助记码',
                            field: '', //接口不知道
                            //
                            fixed: false,
                            width: 130,
                            //
                            value: '',
                            defautvalue: '',
                        },
                        {
                            type: 'checkbox',
                            title: 'VIP标志',
                            field: 'cVIP_TAG',
                            //
                            fixed: false,
                            width: 130,
                            //
                            value: '',
                            defautvalue: '',
                        },
                        {
                            type: 'checkbox',
                            title: '运费价格受控',
                            field: 'cCAYCHG_CTL', //接口不知道
                            //
                            fixed: false,
                            width: 130,
                            //
                            value: '',
                            defautvalue: '',
                        },
                        {
                            type: 'text',
                            title: '系统',
                            field: 'cSYS_TAG',
                            //
                            fixed: false,
                            width: 130,
                            //
                            // value: '自定义',
                            defautvalue: '',
                        },
                        {
                            type: 'date',  //类型 -> 日期
                            title: '停用时间',
                            field: 'tSTOP_DT',//接口不知道
                            //
                            fixed: false,
                            width: 150,
                            //
                            value: '',
                            // defautvalue: getNowTime(true, true, true), //日期类(调用外部方法,生成默认值,不知道如何设置,可依此填写)
                            format: "yyyy-MM-dd", //日期格式设置
                        },
                        {
                            type: 'text',
                            title: '备注',
                            field: '', //接口不知道
                            //
                            fixed: false,
                            width: 130,
                            //
                            value: '',
                            defautvalue: '',
                        },
                        {
                            type: 'text',
                            title: '创建人',
                            field: '', //接口不知道
                            //
                            fixed: false,
                            width: 130,
                            //
                            value: '',
                            defautvalue: '',
                        },
                        {
                            type: 'date',  //类型 -> 日期
                            title: '创建时间',
                            field: 'createtime',//接口不知道
                            //
                            fixed: false,
                            width: 150,
                            //
                            value: '',
                            // defautvalue: getNowTime(true, true, true), //日期类(调用外部方法,生成默认值,不知道如何设置,可依此填写)
                            format: "yyyy-MM-dd", //日期格式设置
                        },
                        {
                            type: 'text',
                            title: '维护人',
                            field: '', //接口不知道
                            //
                            fixed: false,
                            width: 130,
                            //
                            value: '',
                            defautvalue: '',
                        },
                        {
                            type: 'date',  //类型 -> 日期
                            title: '维护时间',
                            field: 'updatetime',//接口不知道
                            //
                            fixed: false,
                            width: 150,
                            //
                            value: '',
                            // defautvalue: getNowTime(true, true, true), //日期类(调用外部方法,生成默认值,不知道如何设置,可依此填写)
                            format: "yyyy-MM-dd", //日期格式设置
                        }
                    ]
                }
            }
        },
        methods: {
            getref(ref) {
                this.nowRef = ref;
            },
            //增删改查----------------------------------------------------------------------->
            addRow(){
                this.$refs.fangshi.addRow();
                this.isEdit = true ;
            },
            saveRow() {
                this.$refs.fangshi.saveRow();
                this.isEdit = true;
            },
        },
    })
</script>
